<template>
<div class="message-box-shadow message-content__inner">
  <div class="at-layout">
    <div class="at-emtpy">
      <div class="message-empty">
        <img src="/notdata.png" alt="loading">
      </div>
    </div>
  </div>
</div>

</template>
<script setup>


</script>
<style scoped>
.message-content__inner {
    width: 100%;
}
.message-box-shadow {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(121, 146, 185, 0.54);
}
.at, .at-layout{
    height: 100%;
}
.message-empty {
    width: 100%;
    height: 256px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.message-empty img {
    height: 100%;
}
img {
    overflow-clip-margin: content-box;
    overflow: clip;
}
</style>